<!DOCTYPE HTML>
<html lang="en" class="no-js">
<head>


<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Usual dev - a Html5 template</title>


<meta name="description" content="Html/css framework" /> 
<meta name="keywords" content="webdevelopment, css, html, framework" /> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--<meta name="viewport" content="initial-scale=1, user-scalable=yes" />
<meta name="viewport" content="width=960" />-->
<meta name="apple-mobile-web-app-capable" content="yes" />

	<link type="text/plain" rel="author" href="humans.txt" />
    <link rel="shortcut icon" href="/favicon.ico">	
	<link rel="apple-touch-icon" href="img/app.png">
    <!--[if IE]><![endif]-->
    
	
	<link rel="stylesheet" href="css/stylesheet.css"  type="text/css" media="screen">
	<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />

	<script src="js/jquery-1.5.2.min.js"></script>
    <script src="js/jquery.pngFix.pack.js"></script>
    <script src="js/jquery.nivo.slider.pack.js"></script>
    <script src="js/modernizr-1.7.min.js"></script> 
    <script type="text/javascript">
		$(document).ready(function(){
			 $('#slider').nivoSlider({
				directionNav:false, 
				directionNavHide:false, 
				controlNav:false,
				controlNavThumbs:false,
				captionOpacity:0
		    });
			
			  $(document).pngFix(); 
			  
		});
</script>
</head>

<body id="home">
    <div class="page">
        <header>
       		<div class="logo">
            	<a href="."><img src="img/logo.png" title="Usual dev" width="280" height="90" /></a>
            </div>
            <nav>
                <ul>
                    <li><a href="." class="current">Home</a></li>
                    <li><a href="portfolio">Portfolio</a></li>
                    <li><a href="blog">Blog</a></li>
                    <li><a href="contact">Contact</a></li>
                </ul>
            </nav>
        </header>
        
        <div id="banner" >
       		<div id="slider">
            <img src="img/banner1.jpg" width="960" height="244" title="Banner 1" />
            <img src="img/banner2.jpg" width="960" height="244" title="Banner 2" />
            <img src="img/banner3.jpg" width="960" height="244" title="Banner 3" />
            </div>
        </div>
        
        <section id="content"  >
        <h1>Usual dev  - a Html5 template</h1>
      <div class="quote">
                <blockquote cite="http://en.wikiquote.org/wiki/Talk:Elvis_Presley"><span class="qstart">&#8220;</span>When I was a child I was a dreamer. I read comic books, and I was the hero of the comic book. I saw movies, and I was the hero in the movie. So every dream I have ever dreamed has come true a thousand times.</blockquote> <cite>Elvis Presley</cite>
            </div>
            <div class="cols4">
                <div class="col">
                    <h2>Everybody likes html5</h2>
                    <span>01</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lectus massa, congue non aliquet id, molestie et elit. Mauris placerat dapibus risus vitae iaculis</p>
              </div>
                 <div class="col">
                    <h2>CSS3</h2>
                    <span>02</span>
                    <p>Aliquam a pulvinar velit. Vestibulum in tellus eget turpis placerat commodo at sollicitudin diam. Integer laoreet hendrerit hendrerit. </p>
              </div>
                 <div class="col">
                    <h2>and Jquery </h2>
                    <span>03</span>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lectus massa, congue non aliquet id, molestie et elit. Mauris placerat dapibus risus vitae iaculis. </p>
              </div>
                 <div class="col last">
                    <h2> Lorem ipsum too</h2>
                    <span>04</span>
                    <p>Aliquam a pulvinar velit. Vestibulum in tellus eget turpis placerat commodo at sollicitudin diam. Integer laoreet hendrerit hendrerit. </p>
              </div>
            </div>
        </section>
    </div>


		<footer >
        <div class="page">
        	<address>Street number, City, Country</address>
            <div class="about"> In facilisis tempus tortor ut volutpat. Integer vel risus at neque viverra interdum 2011</div>
        </div>
        
        </footer>
</body>
</html>

